<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no">
		<meta name="format-detection" content="telephone=no, email=no">
		<meta name="x5-orientation" content="landscape">
		<meta name="x5-fullscreen" content="true">
		<meta name="x5-page-mode" content="default">
		<meta name="screen-orientation" content="landscape">
		<meta name="full-screen" content="yes">
		<meta name="browsermode" content="application">
		<meta name="layoutmode" content="fitscreen">
		<meta name="nightmode" content="disable">
		<meta name="imagemode" content="force">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="APP name">

		<script src="https://cdn.bootcdn.net/ajax/libs/showdown/1.9.1/showdown.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/emoji.js" type="text/javascript" charset="utf-8"></script>

		<script src="https://cdn.jsdelivr.net/npm/js-base64@3.2.4/base64.min.js"></script>
		<script src="https://cdn.bootcss.com/highlight.js/9.15.10/highlight.min.js"></script>
		<link href="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.1.2/styles/default.min.css" rel="stylesheet">
		<link href="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.1.2/styles/github-gist.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/zoom.css" />
		<script src="js/zoom.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/pangu/4.0.7/pangu.min.js"></script>

		<link rel="stylesheet/less" type="text/css" href="css/index.less" />
		<link rel="stylesheet/less" type="text/css" href="css/page.less" />
		<script src="https://cdn.bootcdn.net/ajax/libs/less.js/3.12.2/less.min.js"></script>


		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/zTree.v3/3.5.42/js/jquery.ztree.core.min.js"></script>
	</head>

	<body>

		<header>
			<div>
				<h1 id="title" class="title" onclick="document.getElementById('homePage').click()">KongHaYao</h1>

				<aside>
					<button class="button" onclick="showSideBar('treeOBJ')">
						文
					</button>
					<button class="button" onclick="showSideBar('toc')">
						纲
					</button>
					<button class="button" onclick="ScrollToControl();">
						回
					</button>
				</aside>
			</div>
			<!-- 下拉的时候展示 -->
			<div class="title" style="display: none;"></div>


		</header>

		<main>
			<div id="sidebar" class="hide">
				<div id='treeOBJ'>
					<span class="searchBox">
						<input type="search" class="" name="" id="" value="" oninput='TREEsearch(this)' />

					</span>

					<div id="TREE" class="tree"></div>
				</div>
				<div id="toc">
					<span class="searchBox">
						<input type="search" class="" name="" id="" value="" oninput='Tsearch(this)' />

					</span>
					<ul id="toc-in">

					</ul>
				</div>
			</div>
			<div class="mid">
				<div id='md'></div>
			</div>



		</main>

		</div>


		<a href='./homePage.html' id="homePage" style="display: none;">

		</a>

	</body>
	<script src="js/TREEsearch.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/Gitee.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		document.addEventListener('DOMContentLoaded', (e) => {
			console.log('文本加载')
			//中文排版 
			pangu.autoSpacingPage();
			
		});
		window.marked = new showdown.Converter({
			tables: true,
			parseImgDimensions: true,
			strikethrough: true,
			tasklists: true,
			literalMidWordUnderscores: true,
			metadata: true,
			noHeaderId: true,
			emoji: true,
			extensions: ['langemoji']
		});
		hljs.initHighlightingOnLoad();
		window.gitee = new GiteeBlog('dongzhongzhidong', 'markdown_notebook')
	</script>

</html>
